* {
  margin: 0;
  padding: 0;
}

ul,
ol {
  list-style: none;
}

body {
  background: $pageBg;
}

input {
  outline: none;
  border: none;
  -webkit-appearance: none;
}

//页面宽度
.k-w {
  width: $pageWidth;
  margin: 0 auto;
}

//文字水平对其方式
.k-t {
  $map: (l:left, r:right, c:center, j:justify);
  @each $key,
  $val in $map {
    &#{$key} {
      text-align: $val
    }
  }
}

//清浮动
.k-clearfix {
  &::before,
  &::after {
    display: table;
    content: '';
    visibility: hidden;
    overflow: hidden;
    height: 0;
  }
  &::after {
    clear: both;
  }
}

// 按钮
.k-btn {
  $btnHeight: 40px;
  $btnWidth: 160px!default;
  $smallBtnWidth: 140px;
  $smallBtnHeight: 30px;
  @include textVerticalCenter($btnHeight);
  display: inline-block;
  text-align: center;
  border-radius: 3px;
  font-size: 14px;
  background: $grayL7;
  color: $grayL3;
  width: $btnWidth;
  cursor: pointer;
  &.small {
    width: $smallBtnWidth;
    @include textVerticalCenter($smallBtnHeight);
  }
  &.primary {
    background: $mainBlue;
    color: #fff;
  }
}

.k-section {
  margin-bottom: 30px;
}

.k-title {
  $paddingLeft: 12px;
  $height: 20px;
  $gap: 2px;
  $borderLeft: 4px;
  @include textVerticalCenter($height);
  position: relative;
  padding-left: $paddingLeft;
  font: {
    size: ($height)-($gap);
  }
  margin-bottom: 20px;
  color: $grayL1;
  &::before {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    width: $borderLeft;
    background: $mainBlue;
  }
  .k-more {
    $heightMore: 16px;
    position: absolute;
    right: 0;
    top: (($height)-($heightMore))/2;
    bottom: (($height)-($heightMore))/2;
    @include textVerticalCenter($heightMore);
    font-size: ($heightMore)-$gap;
    .more-link {
      color: $mainBlue;
      text-decoration: none;
    }
  }
}

//工具条
.k-tool-bar {
  margin-bottom: 30px;
}


